<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us">
<head>
  <link href="https://gmpg.org/xfn/11" rel="profile">
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="Hugo 0.68.3" />

  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>三方登陆-微博 &middot; 我的博客</title>
  <meta name="description" content="" />

  
  <link type="text/css" rel="stylesheet" href="/my_technology_blog/css/print.css" media="print">
  <link type="text/css" rel="stylesheet" href="/my_technology_blog/css/poole.css">
  <link type="text/css" rel="stylesheet" href="/my_technology_blog/css/syntax.css">
  <link type="text/css" rel="stylesheet" href="/my_technology_blog/css/hyde.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abril+Fatface|PT+Sans:400,400i,700">


  
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
  <link rel="shortcut icon" href="/favicon.png">

  
  
</head>

  <body class="theme-base-09 ">
  <aside class="sidebar">
  <div class="container sidebar-sticky">
    <div class="sidebar-about">
      <a href="/my_technology_blog/"><h1>我的博客</h1></a>
      <p class="lead">
       这里是任永刚的个人博客 
      </p>
    </div>

    <nav>
      <ul class="sidebar-nav">
        <li><a href="/my_technology_blog/">Home</a> </li>
        
      </ul>
    </nav>

    <p>&copy; 2020. All rights reserved. </p>
  </div>
</aside>

    <main class="content container">
    <div class="post">
  <h1>三方登陆-微博</h1>
  <time datetime=2020-04-28T00:00:00Z class="post-date">Tue, Apr 28, 2020</time>
  <h1 id="流程图">流程图</h1>
<p><img src="/my_technology_blog/test11/1.png" alt=""></p>
<p>第三方登录实现效果：</p>
<p>1、点击登录
<img src="/my_technology_blog/test11/2.png" alt=""></p>
<p>2、输入账号密码（如果新浪应用审核通过就可以使用新浪微博的任意账号，如果没有通过只能使用开发者所使用的的微博账号来登录）</p>
<p><img src="/my_technology_blog/test11/3.png" alt=""></p>
<p>3、登录成功！！</p>
<p><img src="/my_technology_blog/test11/4.png" alt=""></p>
<p>实现流程：</p>
<p>  所需条件：</p>
<p>    1、一个线上的域名</p>
<p>    2、新浪微博开发者（自己去注册）</p>
<p> 创建应用：
<img src="/my_technology_blog/test11/5.png" alt="">
<img src="/my_technology_blog/test11/6.png" alt=""></p>
<p>将下载的txt文件扔进线下服务器的根目录下，点击验证
<img src="/my_technology_blog/test11/7.png" alt="">
<img src="/my_technology_blog/test11/8.png" alt=""></p>
<p>将下图中的的代码复制到一个html页面中</p>
<p><img src="/my_technology_blog/test11/9.png" alt=""></p>
<p><img src="/my_technology_blog/test11/10.png" alt=""></p>
<p>测试代码</p>
<pre><code>[php] view plain copy 
&lt;!DOCTYPE html&gt;  
&lt;html xmlns:wb=&quot;http://open.weibo.com/wb&quot;&gt;  
&lt;head&gt;  
    &lt;meta charset=&quot;UTF-8&quot;&gt;  
    &lt;title&gt;云中梦&lt;/title&gt;  
    &lt;script src=&quot;http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=160521825&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;  
&lt;/head&gt;  
&lt;body&gt;  
 &lt;wb:login-button type=&quot;3,2&quot; onlogin=&quot;login&quot; onlogout=&quot;logout&quot;&gt;登录按钮&lt;/wb:login-button&gt;  
&lt;/body&gt;  
&lt;script&gt;  
    WB2.anyWhere(function(W){  
    W.widget.connectButton({  
        id: &quot;wb_connect_btn&quot;,     
        type:&quot;3,2&quot;,  
        callback : {  
            login:function(o){  //登录后的回调函数  
            },    
            logout:function(){  //退出后的回调函数  
            }  
        }  
    });  
});  
&lt;/script&gt;  
&lt;/html&gt;  
</code></pre>
<p>直接访问该页面就可以实现效果了！！！！！！！</p>

</div>


    </main>

    
      
    
  </body>
</html>
